<TABLE class="${className}" id="${id}_wrap" style="${style}" cellSpacing="0" cellPadding="0" border="0">
<TBODY>
    ${toolBar!}  
    <TR>
        <TD class="layout-td-cell">
            <DIV class="s-grid" id="${id}" style="width:${width}px;height:${tableHeight}px;${gridStyle}">
                <A stype="grid.focus" href="#" class="grid-fs" tabIndex="-1"></A>
                ${lockArea}
                <DIV class="grid-ua" stype="grid.uc" style="width:${unlockWidth}px;">
                    <DIV class="grid-uh" unselectable="on" onselectstart="return false;" style="width:${unlockWidth}px;-moz-user-select:none;text-align:left;height:${headHeight}px;"  stype="grid.uh">
                        ${unlockArea}
                    </DIV>
                    <DIV class="grid-ub" stype="grid.ub" style="width:${unlockWidth}px;height:${bodyHeight}px;text-align:left;">
                    </DIV>
                </DIV>
                <DIV style="clear:both;"></DIV>
                <DIV stype="grid.spliter" class="grid-sp" onselectstart="return false;" unselectable="on" style="display:none;"></DIV>
            </DIV>
        </TD>
    </TR>
    ${footerBar!}
    ${navBar!}
</TBODY>
</TABLE>
<SCRIPT LANGUAGE="JavaScript">new Spark.TreeGrid(${config});</SCRIPT>
${editors}